// 定义函数 渲染数据
// function getCommentList() {
//   $.ajax({
//     type: "GET",
//     url: "http://www.liulongbin.top:3006/api/cmtlist",
//     data: {},
//     success: (res) => {
//       //   console.log(res);
//       if (res.status !== 200) return alert("获取评论列表失败!");
//       let sum = [];
//       res.data.forEach(function (i) {
//         sum.push(
//           `
//           <li class="list-group-item">
//           <a class="badge" style="background-color: #0f0" href='javascript:;' data-id='${i.id}'>删除</a>
//           <span class="badge" style="background-color: #f0ad4e">评论时间：${i.time}</span>
//           <span class="badge" style="background-color: #5bc0de">评论人：${i.username}</span>
//           ${i.content}
//         </li>
//         `
//         );
//         $("#cmt-list").empty().append(sum.join(""));
//       });
//     },
//   });
// }
// getCommentList();

// $(function () {
//   $("#formAddCmt").on("submit", function (e) {
//     e.preventDefault();
//     let data = $(this).serialize();
//     // console.log(data);
//     $.post("http://www.liulongbin.top:3006/api/addcmt", data, (res) => {
//       if (res.status !== 201) return alert("评论失败");
//       getCommentList();
//       $("#formAddCmt")[0].reset();
//     });
//   });

//   $("ul").on("click", "a", function () {
//     //   console.log(1);
//     var id = $(this).attr("data-id");
//     if (window.confirm("确实删除吗?")) {
//       $.ajax({
//         type: "DELETE",
//         url: `http://www.liulongbin.top:3006/api/delcmt?id=${id}`,
//         success: (res) => {
//           if (res.status !== 200) return alert("删除评论失败");
//           getCommentList();
//         },
//       });
//     }
//   });
// });

// 定义函数用来渲染数据
function getCommentList() {
  // 使用ajax 获取评论列表数据
  $.ajax({
    type: "GET",
    url: "http://www.liulongbin.top:3006/api/cmtlist",
    data: {},
    success: (res) => {
      // 判断如果 获取值不为200  表示获取数据失败 不执行下面的代码
      if (res.status !== 200) return alert("获取评论列表失败");
      // 声明一个空数组
      let arr = [];
      // 遍历获取过来的data 对象
      res.data.forEach(function (i) {
        // 然后push   结构
        arr.push(
          `
          <li class="list-group-item">
           <a class="badge" style="background-color: #0f0" href='javascript:;' data-id='${i.id}'>删除</a>
           <span class="badge" style="background-color: #f0ad4e">评论时间：${i.time}</span>
          <span class="badge" style="background-color: #5bc0de">评论人：${i.username}</span>
           ${i.content}
         </li>
          `
        );
      });
      // 往父盒子里面   渲染数据
      $("#cmt-list").html(arr.join(""));
    },
  });
}
getCommentList();

$(function () {
  // 获取form 表单的内容
  $("#formAddCmt").submit(function (e) {
    e.preventDefault();
    let data = $(this).serialize();
    $.post("http://www.liulongbin.top:3006/api/addcmt", data, (res) => {
      if (res.status !== 201) return alert("评论失败");
      getCommentList();
      $("#formAddCmt")[0].reset();
    });
  });
  $('ul').on('click','a',function() {
       let id = $(this).attr('data-id');
       $.ajax({
         type:'DELETE',
         url:`http://www.liulongbin.top:3006/api/delcmt?id=${id}`,
         success: res => {
           console.log(res);
           if (res.status !== 200) return alert('删除失败') 
           getCommentList()
         }
       })
  })
});
